<div class="business-overview-fullScreen">	
	{{#if isShowMask}}
		<div class="business-overview-mask"></div>
	{{/if}}
	<div class="business-overview-title">
		<h1>交易总览</h1>
		<div class="business-overview-date">
			<span class="business-big">{{today}}</span>
			<span class="business-small">最近30分钟</span>
		</div>
	</div>
	<div class="business-overview-wrapper">
		<div class="business-overview-setwrap">
			{{#unless auth.isNormal}}
				<button class=" pull-right business-overview-button-conmon-style addBtn">添加</button>
			{{/unless}}
			<button class=" pull-right business-overview-button-conmon-style" {{action "fullScreen" target=view}} title="全屏">全屏</button>
		</div>
	</div>
	<div class="business-information">
		<ul class="clearfix" style="list-style:none">
			{{#each model as |app index|}}
				<li class="pull-left">
					<div class="business-wrap">
						<div class="business-overview-move">
							<div class="btn-group">
								{{#unless auth.isNormal}}
								<button class="business-overview-move-button btn-up" {{action "moveUpApplication" app}} title="上移">
									<i class="iconfont icon-shangsheng"></i>
								</button>
								<button class="business-overview-move-button btn-down" {{action "moveDownApplication" app}} title="下移">
									<i class="iconfont icon-xiajiang"></i>
								</button>
								 <button class="business-overview-move-button" {{action "deleteApplication" app}} title="删除">
									<i class="iconfont icon-lajixiang"></i>
								</button> 
								{{/unless}}
							</div>
						</div>
					
						{{#link-to "business.detail" app.id class="business-list-item-link"}}{{app.name}}{{/link-to}}
						<div class="trad-volume-wrap">
							<span class="trad-volume">日交易量 &nbsp;:</span>
							<span class="trad-num" >{{app.volume}}</span>
						</div>
						<div class="business-histogram">
							{{view view.Sequence
								id=app.viewName
								viewName=app.viewName
								class="business-overview-sequence"
								appData=app
								data=app.performances
								itemClick="sequenceItemClick"
								width="100%"
								}}
						</div>
						<div class="business-time">
							{{view view.Graduation
								sequenceId=app.viewName
								startTime=app.startXAxisTime
								class="business-list-item-graduation"
								length=axisLength
								endTime=app.endXAxisTime}}
						</div>
						{{#if isDelete}}
							<div class="business-delete" {{action "deleteBusinessLine" app index}}>
								<span ></span>
							</div>
						{{/if}}
					</div>
				</li>
			{{/each}}
		</ul>
	</div>

	{{#view view.Dialog
		id="BusinessOverview"
		title='添加业务系统'
		class=""
		autoOpen=false
		modal=true
		width=525
		height=500
		resizable=false
		}}
		<form class="form-horizontal" >
			<div class="apm-gridpanel business-node-list" style="width:466px;margin:0 auto;">
			<div class="business-node-search">
				{{input class="input u-input-blue" placeholder="请输入名称" value=nodeKeyword }}
				{{!-- <button class="btn btn-primary" {{action "queryNode"}}>查询</button> --}}
				<div class="apm-gridcontainer" style="padding:0">
				<div class="apm-nodes-container">
					<table class="conf-table conf-iprepair-tab">
						{{#each nodes as |node index|}}
							<tr {{bind-attr class="node.isSelected:active"}} {{action "selectRelationNode" node index}}>
								<td>
									<span>{{node._displayName}}</span>
									<span class="select-icon"></span>
								</td>
							</tr>
							{{else}}
							<tr>
								<td colspan="2">没有业务系统</td>
							</tr>
						{{/each}}
					</table>
				</div>
			</div>
			</div>
			
			<div class="business-node-list-btn">
				<button class="u-btn-blue btn-delete-node" {{bind-attr disabled=isNodeUnSelected}} {{action "addBusinessLine"}}>确定</button>
				<button class="u-btn-blue" {{action "dialogCancel"}} >取消</button>
			</div>
			<div class="business-node-list-bottom"></div>
		</div>
		</form>
	{{/view}}

	{{#view view.Dialog
		id="businessAddNoteToTopo"
		title="添加业务组件"
		class="hide apm-dialog-wrap"
		autoOpen=false
		modal=true
		width=450
		dialogAction="addCustomNodeToTopo"
		buttons=dialogButtons}}
		<form class="form-horizontal">
			<div {{bind-attr class=":alert nodeAddformTip::hide"}}><strong>{{nodeAddformTip}}</strong></div>
			<div class="control-group">
				<label class="control-label">业务组件名称</label>
				<div class="controls">
					{{input class="input" maxlength="20" value=nodeForm.name}}
				</div>
			</div>
			<div class="control-group">
				<label class="control-label">Ip</label>
				<div class="controls">
					{{input class="input" value=nodeForm.ip}}
				</div>
			</div>
			<div class="control-group">
				<label class="control-label">端口</label>
				<div class="controls">
					{{input class="input" value=nodeForm.port}}
				</div>
			</div>
			<div class="control-group">
				<label class="control-label">L7服务</label>
				<div class="controls">
					{{view "select"
						class="span3"
						content=l7Options
						optionLabelPath="content.displaytext"
						optionValuePath="content.value"
						value=nodeForm.protocol}}
				</div>
			</div>
		</form>
	{{/view}}
</div>